<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--
  Created by IntelliJ IDEA.
  User: Aini
  Date: 2017/11/13
  Time: 18:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <c:import url="/WEB-INF/jsp/frontend/head.jsp" />
    <c:import url="/WEB-INF/jsp/frontend/script.jsp"/>
    <%--<c:import url="/WEB-INF/jsp/frontend/activity/head.jsp"/>--%>
    <%--<c:import url="/WEB-INF/jsp/frontend/activity/script.jsp" />--%>
    <link rel="stylesheet" href="<spring:url value="/css/courseIndex.css"/>" />

    <title>CourseIndex</title>
</head>
<body>
<div class="head">

    <c:import url="/WEB-INF/jsp/frontend/header.jsp"/>
</div>
<div class="col-md-18 col-md-9 CourseContainer">
<div class="search">
    <input type="" name="" placeholder="搜索课程" class="SearchInput" />
    <img class="SearchImg" src="images/search.png">
</div>
<div class="TypeSelect">
    <div class="CourseType">

        <ul class="breadcrumb">
            <span class="TitleType">课程类型</span>
            <li><a href="#">计算机科学</a></li>
            <li><a href="#">数据科学</a></li>
            <li><a href="#">社会科学</a></li>
            <li><a href="#">数学与逻辑</a></li>
            <li><a href="#">生命科学</a></li>
            <li><a href="#">个人发展</a></li>
        </ul>
    </div>
    <div class="TeachingMode">

        <ul class="breadcrumb">
            <span class="TitleType">教学模式</span>
            <li><input type="checkbox" name="" value="" checked="" /><label><a>主题</a></label></li>
            <li><input type="checkbox" name="" value="" checked="" /><label><a>主题</a></label></li>
        </ul>
    </div>
    <div class="CourseStatu">
        <ul class="breadcrumb" style="border-bottom: none">
            <span class="TitleType">课程状态</span>
            <li><input type="checkbox" name="" value="" checked="" /><label><a>主题</a></label></li>
            <li><input type="checkbox" name="" value="" checked="" /><label><a>主题</a></label></li>
        </ul>
    </div>
</div>

<div class="CourseLists">
    <div class="container">
        <ul>
            <div class="album">

                <figure class="image">

                    <a href="<spring:url value="/courseAll"/>"><img src="images/videos/cai_1.JPG"></a><!--图片变更,下同-->


                </figure>
                <div class="info">
                    <p style="background-color: white">1.现值与终值（一）</p>
                </div>
            </div>

            <div class="album">

                <figure class="image">

                    <a href=""><img src="images/videos/cai_2.JPG"></a><!--图片变更,下同-->


                </figure>
                <div class="info">
                    <p style="background-color: white">1.现值与终值（二）</p>
                </div>
            </div>

            <div class="album">

                <figure class="image">

                    <a href=""><img src="images/videos/cai_5.JPG"></a><!--图片变更,下同-->


                </figure>
                <div class="info">
                    <p style="background-color: white">1.现值与终值（三）</p>
                </div>
            </div>

            <div class="album">

                <figure class="image">

                    <a href=""><img src="images/videos/cai_3.JPG"></a><!--图片变更,下同-->


                </figure>
                <div class="info">
                    <p style="background-color: white">2.债券及其定价（一）</p>
                </div>
            </div>
            <div class="album">

                <figure class="image">

                    <a href=""><img src="images/videos/cai_4.JPG"></a><!--图片变更,下同-->


                </figure>
                <div class="info">
                    <p style="background-color: white">2.债券及其定价（二）</p>
                </div>
            </div>

            <div class="album">

                <figure class="image">

                    <a href=""><img src="images/videos/cai_6.JPG"></a><!--图片变更,下同-->


                </figure>
                <div class="info">
                    <p style="background-color: white">3.股票价值分析</p>
                </div>
            </div>






        </ul>
    </div>

</div>
</div>
</body>
</html>
